﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ILSOCW</title>
<style type="text/css">
body {
	margin-left: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/text_btn.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  
    imagesOut();
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  
  imagesOut();
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="css/top_banner.css" rel="stylesheet" type="text/css" />
<link href="css/index_main.css" rel="stylesheet" type="text/css" />
<link href="css/join_latest.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	width:61px;
	height:25px;
	z-index:1;
	left: 311px;
	top: 747px;
	visibility: visible;
}
#apDiv2 {
	position:absolute;
	width:599px;
	height:176px;
	z-index:2;
	left: 555px;
	top: 620px;
}
-->
</style>
<link href="css/bottom.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv3 {
	position:absolute;
	width:40px;
	height:20px;
	z-index:3;
	left: 1014px;
	top: 1px;
}
#apDiv4 {
	position:absolute;
	width:82px;
	height:33px;
	z-index:4;
	left: 726px;
	top: 226px;
}
#apDiv5 {
	position:absolute;
	width:169px;
	height:33px;
	z-index:5;
	left: 850px;
	top: 227px;
}
#apDiv6 {
	position:absolute;
	width:59px;
	height:20px;
	z-index:5;
	left: 824px;
	top: 40px;
}
#apDiv7 {
	position:absolute;
	width:200px;
	height:32px;
	z-index:6;
	left: 992px;
	top: 41px;
}
#apDiv8 {
	position:absolute;
	width:750px;
	height:175px;
	z-index:7;
	left: 283px;
	top: 387px;
}

#header-search input.searchbox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #8e8e8e;
	background-color:#f5f5f5;
	height:12px;
	padding-right:28px;
	color:#4a4a4a;
	float:left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: -2px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	width: 135px;
 }

#header-search input.button{
    border:0;
    padding:0;
    margin:0 0 0 -24px;
    width:24px;
    height:24px;
    background:url('images/search_btn.jpg') center center  no-repeat;
    float:left;
}

-->
</style>


<!--jquery core-->
<script src="js/jquery-2.0.0b2.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<script src="js/login-help.js"></script>
<script src="js/more-help.js"></script>
<script src="js/autocomplete.js"></script>
<link rel="stylesheet" href="css/jquery-ui-1.10.3.custom.css" />
<script type="text/javascript">
        //menu陣列
        var menuArray = new Array();
        menuArray[0] = 'images/900_ILSOCW-0717_05.jpg';
        menuArray[1] = 'images/900_ILSOCW-0717_06.jpg';
        menuArray[2] = 'images/900_ILSOCW-0717_07.jpg';
        menuArray[3] = 'images/900_ILSOCW-0717_08.jpg';
        //image陣列
        var imageArray = new Array();
        imageArray[0] = 'images/900_ILSOCW-0717_17.jpg';
        imageArray[1] = 'images/900_ILSOCW-0717_18.jpg';
        imageArray[2] = 'images/900_ILSOCW-0717_19.jpg';
        imageArray[3] = 'images/900_ILSOCW-0717_20.jpg';
        
        //圖片還原
        function imagesOut() {
            for (var i = 0; i < menuArray.length; i++) {
                $("#menu" + i).attr("src", menuArray[i]);
                $("#image" + i).attr("src", imageArray[i]);
            }
        }
        
            $(function() {
//                $("#dropDownBlock").hide();//上方登入先隱藏掉

                //打開上方登入
//                $("#openLogin").click(function() {
//                    $("#dropDownBlock").toggle("blind", 500);
//                });


                $("#checkCode").click(function(){
                    $("#checkImage").attr("src","");
                    $("#checkImage").attr("src","image.jsp");
                });
            });
</script>
</head>

<body onload="MM_preloadImages('images/index_visit_03.jpg','images/index_visit_04.jpg','images/index_visit_05.jpg','images/index_visit_06.jpg','images/index_visit_07.jpg','images/index_visit_08.jpg','images/index_visit_17.jpg','images/index_visit_18.jpg','images/index_visit_19.jpg','images/index_visit_20.jpg')">
    <div id="login-form" title="登入" style="background-color:rgba(0,0,0,0.6);color: #FFF;">
        帳號:<input type="text" /><br/>
        密碼:<input type="password" /><br/>
    </div>
<div class="header"><img src="images/index_visit_01.jpg" width="900" height="188" />
  <div id="apDiv6"> <!--FB_like btn-->
<p><iframe src="http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/ILS-OCW/594769853879684&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="width: 450px; height: 100px; overflow: hidden;"></iframe></p>
  </div>
  <div id="apDiv7"> 
    <p>
      <!--twitter btn-->
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://twitter.com/ILSOCW" data-via="ILSOCW" data-lang="zh-tw">推文</a></p>
    <p>
      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
      
      
      <!-- Place this tag where you want the +1 button to render. -->
    </p>
    <div class="g-plusone" data-href="https://plus.google.com/u/0/b/114475669613602430586/"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'zh-TW'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
  </div>

  <div id="apDiv3"><img src="images/CH_btn.jpg" width="20" height="20" /><img src="images/ENG_btn.jpg" width="20" height="20" /></div>
</div>
<div class="text_btn"><img src="images/index_visit_02.jpg" width="82" height="36" /><a href="index_visitor.html" target="_top" onclick="MM_nbGroup('down','group1','home','',1)" onmouseover="MM_nbGroup('over','home','images/index_visit_03.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="images/900_ILSOCW-0717_03.jpg" alt="" name="home" width="62" height="36" border="0" id="home" onload="" /></a><a href="about.html" target="_top" onClick="MM_nbGroup('down','group1','about','',1)" onMouseOver="MM_nbGroup('over','about','images/index_visit_04.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="about" src="images/900_ILSOCW-0717_04.jpg" border="0" alt="" onLoad="" /></a><a href="Scity.html" target="_top" onClick="MM_nbGroup('down','group1','Scity','',1)" onMouseOver="MM_nbGroup('over','Scity','images/index_visit_05.jpg','',1),MM_swapImage('Image24','','images/main_btn_2_03.png',1);" onMouseOut="MM_swapImgRestore()"><img id="menu0" name="Scity" src="images/900_ILSOCW-0717_05.jpg" border="0" alt="" onLoad="" /></a><a href="Sbuilding.html" target="_top" onClick="MM_nbGroup('down','group1','Sbuilding','',1)" onMouseOver="MM_nbGroup('over','Sbuilding','images/index_visit_06.jpg','',1),MM_swapImage('Image25','','images/main_btn_2_04.png',1);" onMouseOut="MM_swapImgRestore()"><img id="menu1" name="Sbuilding" src="images/900_ILSOCW-0717_06.jpg" border="0" alt="" onLoad="" /></a><a href="Shome.html" target="_top" onClick="MM_nbGroup('down','group1','Shome','',1)" onMouseOver="MM_nbGroup('over','Shome','images/index_visit_07.jpg','',1),MM_swapImage('Image26','','images/main_btn_2_05.png',1);" onMouseOut="MM_swapImgRestore()"><img id="menu2" name="Shome" src="images/900_ILSOCW-0717_07.jpg" border="0" alt="" onLoad="" /></a><a href="Scitizen.html" target="_top" onClick="MM_nbGroup('down','group1','Scitizen','',1)" onMouseOver="MM_nbGroup('over','Scitizen','images/index_visit_08.jpg','',1),MM_swapImage('Image27','','images/main_btn_2_06.png',1);" onMouseOut="MM_swapImgRestore()"><img id="menu3" name="Scitizen" src="images/900_ILSOCW-0717_08.jpg" border="0" alt="" onload="" /></a><img src="images/index_visit_09.jpg" width="222" height="36" />
</div>
<div class="top_banner">
  <div id="apDiv4"><img  id="openLogin" style="cursor:pointer;" src="images/index_visit_11.jpg" width="35" height="33" /><img src="images/index_visit_12.jpg" width="47" height="33" /></div>
<div id="apDiv5"><form id="header-search">
<input type="text" class="searchbox" id="tags" /><input type="submit" class="button" value="" /></div>
</div>


<div class="index_main">
<div id="apDiv8"><a href="Scity.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_nbGroup('over','Scity','images/index_visit_05.jpg','',1),MM_swapImage('Image24','','images/main_btn_2_03.png',1)"><img src="images/main_btn_03.png" name="Image24" width="165" height="175" border="0" id="Image24" /></a><a href="Scity.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_nbGroup('over','Sbuilding','images/index_visit_06.jpg','',1),MM_swapImage('Image25','','images/main_btn_2_04.png',1)"><img src="images/main_btn_04.png" name="Image25" width="213" height="175" border="0" id="Image25" /></a><a href="Shome.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_nbGroup('over','Shome','images/index_visit_07.jpg','',1),MM_swapImage('Image26','','images/main_btn_2_05.png',1)"><img src="images/main_btn_05.png" name="Image26" width="221" height="175" border="0" id="Image26" /></a><a href="Scitizen.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_nbGroup('over','Scitizen','images/index_visit_08.jpg','',1),MM_swapImage('Image27','','images/main_btn_2_06.png',1)"><img src="images/main_btn_06.png" name="Image27" width="151" height="175" border="0" id="Image27" /></a></a></div>
</div>
<div class="join_latest">
  <div id="apDiv1"><img id="openMore" style="cursor:pointer;" src="images/more_btn.jpg" width="61" height="25" /></div>
<div id="apDiv2"><img src="images/AD_LOGO/AD_01.jpg" width="135" height="132" /><img src="images/AD_LOGO/AD_03.jpg" width="135" height="132" /><img src="images/AD_LOGO/AD_02.jpg" width="180" height="132" /></div>
</div>
<div class="bottom"><img src="images/index_visit_28.jpg" width="900" height="55" /></div>









<div id="more-form" title="歡迎加入 『智慧空間開放課程網』會員">
    <p>
        當您加入會員後，可享有下列服務：
        <br/>
        &nbsp;&nbsp;&nbsp;1. 網站相關消息之通知。
        <br/>&nbsp;&nbsp;&nbsp;2.「學生會員」可免費統計個人瀏覽紀錄及下載文件檔案，作為相關課題之學習紀錄參考。學生帳號登入請使用學校的email信箱 (ex. 123@xxx.edu.tw)作為帳號。
        <br/>&nbsp;&nbsp;&nbsp;3.「智慧空間專業會員」可成為本網站之共同作者，提供教材建議留言及上傳教材檔案資料之權限。專業會員請使用工作單位或常用的email信箱作為帳號
    </p>
    <form>
        <fieldset>
            <table width="100%">
                <tr>
                    <td align="right" width="20%">
                        <label for="account">*申請帳號 (電子郵件地址)</label>
                    </td>
                    <td>
                        <input type="text" name="account" id="account" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="password">*登入密碼</label>
                    </td>
                    <td>
                        <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="passwordChk">*確認登入密碼</label>
                    </td>
                    <td>
                        <input type="password" name="passwordChk" id="passwordChk" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="lastName">*姓氏</label>
                    </td>
                    <td>
                        <input type="text" name="lastName" id="lastName" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="firstName">*名字</label>
                    </td>
                    <td>
                        <input type="text" name="firstName" id="firstName" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="country">國籍</label>
                    </td>
                    <td>
                        <input type="radio" name="country" id="country" value="" class="radio ui-widget-content ui-corner-all" />本國
                        <input type="radio" name="country" id="country" value="" class="radio ui-widget-content ui-corner-all" />外國
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="sex">*性別</label>
                    </td>
                    <td>
                        <input type="radio" name="sex" id="sex" value="" class="radio ui-widget-content ui-corner-all" />男
                        <input type="radio" name="sex" id="sex" value="" class="radio ui-widget-content ui-corner-all" />女
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="old">*年齡</label>
                    </td>
                    <td>
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />15歲以下     
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過15歲～20歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過20歲～25歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過25歲～30歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過30歲～35歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過35歲～40歲                
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過40歲～45歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過45歲～50歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過50歲～55歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過55歲～60歲  
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過60歲～65歲
                        <input type="radio" name="old" id="old" value="" class="radio ui-widget-content ui-corner-all" />超過65歲
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="work">*職業類別</label>
                    </td>
                    <td>
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />建築設備材料        
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />系統整合
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />應用服務
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />電信服務
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />建築設計
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />建築投資      
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />保全物業管理     
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />室內設計
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />軟體設計
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />媒體與文教
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />安全設備材料
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />法人機構
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />學術單位     
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />傳統製造
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />一般服務
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />政府／國營機構
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />學生
                        <input type="radio" name="work" id="work" value="" class="radio ui-widget-content ui-corner-all" />其他<input type="text" name="otherWork" id="other"/>
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="unit">*服務單位 (或 就讀學校)</label>
                    </td>
                    <td>
                        <input type="text" name="unit" id="unit" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="called">*職稱 (或 系所/班級)</label>
                    </td>
                    <td>
                        <input type="text" name="called" id="called" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <label for="live">*居住地區</label>
                    </td>
                    <td>
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台北市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台北縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />基隆市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />桃園縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />新竹市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />新竹縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />苗栗縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台中市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台中縣            
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />彰化縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />南投縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />雲林縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />嘉義市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />嘉義縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台南市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />南投縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />雲林縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />嘉義市           
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />嘉義縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台南市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台南縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />高雄市
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />高雄縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />宜蘭縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />花蓮縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />台東縣     
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />屏東縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />澎湖縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />金門縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />連江縣
                        <input type="radio" name="live" id="live" value="" class="radio ui-widget-content ui-corner-all" />其他<input type="text" name="otherLive" id="otherLive" value="" class="text ui-widget-content ui-corner-all" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <div style="margin-left: 80px;">
                            <div>驗證碼：</div>
                            <input type="text" maxlength="4" name="rand" size="10"/>　<img id="checkImage" border="0" src="image.jsp">
                             <br/>
                             <label id="checkCode" style="cursor:pointer;">換一組驗證碼</label>
                         </div>
                    </td>
                </tr>
<!--                        <tr>
                    <td colspan="2" style="">
                        <div  style="margin-left:60px">
                            <input type="button" id="createUser" name="createUser" value="建立帳戶"/>
                        </div>
                    </td>
                </tr>-->
            </table>
        </fieldset>
    </form>
</div>
</body>
</html>
